/*
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{border-left-color:#ebebeb;background:#ebebeb;-webkit-box-shadow:inset 0 0 1px #ebebeb}
::-webkit-scrollbar-thumb{border-left-color:#ccc;background:#ccc}
::-webkit-scrollbar-track:hover{	}
::-webkit-scrollbar-thumb:hover{background:#bbb}
::-webkit-scrollbar{width: 10px}
*/
html{display:block;margin: 0;padding: 0;height:100%}
body{display:block;margin: 0;padding: 0;position: relative;font-size:12px;color:#333;overflow-x:hidden;min-height:100%;}
a,a:link,a:active{color:#777}
a:hover{color:#E03D22;text-decoration:none}
a:focus{outline:none;color:#859419;text-decoration:none;}
.pending {display:none;width: 80px;border: 4px solid #fff;background: url(../images/icons/loading.gif) no-repeat top center #fff;position: fixed;top: 50%;left: 50%;box-shadow: 0px 0px 10px #ccc;padding-top: 12px;text-align: center;margin: -20px 0 0 -40px;z-index: 5010;border-radius: 2px;}
.btn{/*padding:4px 8px;*/font-size:12px;line-height: 16px;border-radius:0px;}
.btn:focus{outline:none}
.navbar-toggle .icon-bar{background-color: #d9534f}
.navbar{background-color: #ebebeb;border-bottom:1px solid #E03D22;margin-bottom:0px;border-radius:0;min-height:40px;}
.navbar .navbar-nav > li > a{padding-top: 10px;padding-bottom: 10px;min-height: 40px;}
.navbar .navbar-nav > li > a>.fa{margin-left:4px;margin-right:4px;line-height: 20px;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background-color: #fafafa;}
.navbar-nav  .open .dropdown-menu > li > a{line-height:inherit}
.navbar-brand{height:40px;padding:10px 15px;font-size: inherit;}
.navbar .container,.navbar .container .navbar-header{padding-right:0;padding-left:0;margin-left:0;margin-right:0}
.navbar .navbar-toggle{display:block;float:left;border:0;padding: 5px 10px;margin-right:0;}
.pull-bottom{padding-bottom:10px}
.pull-top{padding-top:10px}
.sidebar{min-width: 240px;width:240px;display: table-cell;border-right:1px solid #ddd;vertical-align: top;position:relative;background:#fff}
.content{display: table-cell;vertical-align: top;-background: url('../images/bg-body.png');position:relative;}
.nav-header {display: block;padding: 7px 12px;font-weight: bold;line-height: 20px;color: #222;text-transform: uppercase;}
.nav li + .nav-header {border-top: 1px solid #DDD;margin-top: 2px;}
.sidebar li i{margin-right:4px}
/*===== Nav list =====*/
.nav-list li{list-style:none}
.nav-list { margin-bottom: 0; border: 0px solid #d5d5d5; }
.nav-list > li > a, .nav-list .nav-header {display:block }
.nav-list > li > a { padding: 5px 10px 5px 15px; }
.nav-list > li > div { padding: 5px 10px 5px 15px; }
.nav-list > li  ul{padding-left:20px }
.nav-list > li > ul  li  a { padding: 4px 8px 4px 8px;font-size: 12px;display:block }
.nav-list > .active > a, .nav-list > .active > a:hover ,
.nav-list > .active > a, .nav-list > li > a.current { color: #E03D22;background-color: #eeeeee; }

.nav-list > li > ul  li  a:hover,.nav-list > li > ul  li  a.current { color: #E03D22;}
.nav-list > li > ul  li a:hover,.nav-list > li > ul  li a.current {background-color: #eee; 
-webkit-transition: all 0.2s ease-in-out; 
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

.nav-list [class^="icon-"], .nav-list [class*=" icon-"] { margin-right: 2px; }
.nav-list .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; }
.nav-list > li > ul > li > a:before {content: "";float: left;width: 5px;height: 5px;background: url(../images/plus.png) no-repeat;margin-right: 10px;margin-top: 5px;}
.transition{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.to-frond{z-index:100}
.to-back{z-index:0}
.crumbs{margin-bottom:0px}
.breadcrumb{border-radius:0;margin-bottom:0px}
.breadcrumb li{font-size:11px}
.breadcrumb li:first-child {background: url(../images/icons/crumbs_home.png) no-repeat 0 3px;padding-left:12px}
.breadcrumb li a {
	background: url(../images/icons/crumbs_arrow.png) no-repeat right center;
	padding-right:12px;padding-left:4px;
}
.breadcrumb li span{padding-right:4px;padding-left:4px;}
.breadcrumb>li+li:before{display:none}
.widget{position:relative;
/*-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);*/
}
.bs-callout {padding: 10px;margin: 10px 0;border: 1px solid #eee;border-left-width: 2px;}
.bs-callout-danger {border-color: #d9534f;}
.bs-callout-info {border-color: #5bc0de;}
.bs-callout-warning {border-left-color: #f0ad4e;}
.bs-callout-warning h4 {color: #f0ad4e;}
.bs-callout-danger h4 {color: #d9534f;}
.bs-callout-info h4 {color: #5bc0de;}
.bs-callout h4 {margin-top: 0;margin-bottom: 5px; font-size:14px; }
.widget .modal-header{background: url(../images/title-bg.png) repeat-x bottom #fff;border-bottom:0;padding: 10px 10px 14px 10px;}
.widget .modal-header h4{margin:0;font-size: 14px;}
.widget .modal-body{background: #fff;}
.widget .modal-footer{background: #fff;}
.widget.full .modal-header{padding: 10px 0px 14px 0px;}
.widget.full .modal-body{padding: 10px 0px}
.widget.full .modal-footer{padding: 10px 0px}
.widget.abs{position: absolute;top: 0;left: 0;z-index: 1;}
.table{margin-bottom:0}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{padding: 4px 8px;line-height: 20px;}
/*===== Navbar icons =====*/
.navbar-icons { float: right; margin-right: 8px; font-size: 0; line-height: 1; }
.navbar-icons > li { display: inline-block; line-height: 1; }
.navbar-icons > li > a { display: inline-block; margin: 12px 4px 6px 4px;  }
.navbar-icons > li > a:hover i { color: #E03D22; }
.navbar-icons > li > a > i {
	font-size: 14px; width: 14px; margin-right: 0; display: block; margin-top: 0; 
	-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;
}


.form-control,.input-group-addon{border-radius: 0;border: 1px solid #bdc7d8;border: 1px solid #ddd;background-color:#FFF}
textarea.form-control{padding-top:4px}
.input-group-addon{padding:6px 10px;font-size:12px;}
/*.form-control.erb{border-color:#d9534f}*/
.erb{color:#d9534f}
.input-group {
    margin-bottom: 0px;
    width: 100%;
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.btn-default,.btn-default:hover{border-color:#ddd}
.dropdown-menu{border-radius:0;font-size: 12px;margin: 2px -1px 0 -1px;}
.dropdown-menu > li > a{padding:4px 12px;}
.open > .dropdown-toggle.btn-default{border-color:#ddd;box-shadow:none}
.form-control {padding:1px 1px 1px 8px;font-size:12px;height: 30px;}
.input-group-btn>.btn:hover, .input-group-btn>.btn:focus, .input-group-btn>.btn:active, .open>.dropdown-toggle.btn-default
{
	outline:0;background-color:#FFF;
}
.row-fluid{position:relative}
.notices{
	position:fixed;z-index:6001;top:80px;right:10px;width:224px;
}
.notices>.btn{margin-bottom:4px;margin-left:auto;margin-right:auto;float:none;display:none;position: absolute;top: -24px;width:100%}
.notices>div>div.alert{
	position:relative;border-radius:0;
	padding:4px 6px;border:1px solid #ddd;background: #fff;margin-bottom:4px;text-align:justify;
	box-shadow: 2px 2px 0px rgba(0,0,0,.1);-moz-box-shadow: 2px 2px 0px rgba(0,0,0,.1);-webkit-box-shadow: 2px 2px 0px rgba(0,0,0,.1);
}
.notices>div>div .time{font-style:italic;font-size:11px;color:#aaa;line-height:20px;}
.notices>div>div .time>span{font-size:14px;cursor:pointer;width:16px;text-align:center}
.info{color:#5bc0de}
.danger{color:#d9534f}
.warning{color:#f0ad4e}
#container>div{display:table;width:100%}
#container>div>div{display:table-row}
.container {width: auto;position:relative}
.modal-footer:before, .modal-footer:after {display: none;content: "";}
.mark{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,.5);z-index: 100;display:none}
.ui-btn{
    padding: 5px 12px 5px 12px;line-height: 18px;
	border: 1px solid #ddd;
	color: #555555;
	background: #DADADA;
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#FAFAFA),to(#DADADA));
	background-image: -moz-linear-gradient(top,#FAFAFA,#DADADA);
	background-image: -o-linear-gradient(top,#FAFAFA,#DADADA);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FAFAFA),color-stop(100%,#DADADA));
	background: -ms-linear-gradient(top,#FAFAFA 0%,#DADADA 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAFAFA',endColorstr='#DADADA',GradientType=0 );
	background: linear-gradient(to bottom,#FAFAFA 0%,#DADADA 100%);
}
.ui-btn:hover{
	border: 1px solid #ddd;
	color: #212121;
	background: #E9F2FC;
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#E9F2FC),to(#DDECFC));
	background-image: -moz-linear-gradient(top,#E9F2FC,#DDECFC);
	background-image: -o-linear-gradient(top,#E9F2FC,#DDECFC);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#E9F2FC),color-stop(100%,#DDECFC));
	background: -ms-linear-gradient(top,#E9F2FC 0%,#DDECFC 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9F2FC',endColorstr='#DDECFC',GradientType=0 );
	background: linear-gradient(to bottom,#E9F2FC 0%,#DDECFC 100%);
}
.navbar-nav .open .dropdown-menu.pull-center{width:160px;left:50%;margin-left:-80px}
.navbar-nav .open .dropdown-menu.message-dropdown{
	width:380px;left:auto;right:-110px;position: absolute;
}
table.message-table{table-layout: fixed;}
table.message-table tr td {white-space: nowrap;overflow: hidden;vertical-align: middle;}
.unread{font-weight:bold;}
.preview {color: #aaa;}
.nav.navbar-nav.pull-right{margin-right:10px;}
.quick-bar{border-bottom:1px solid #ddd;margin-top:-1px;position:relative;max-height :0;overflow:hidden}
.quick-bar.in{height:auto;max-height:640px}
/*===== Large round buttons =====*/
.round-buttons {
	width: 100%; text-align: center; padding: 10px; font-size: 0; line-height: 1; box-sizing: border-box;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;
	max-width:720px;margin:0 auto;
}
.round-buttons > li {
	margin: 4px; position: relative; display: inline-block; text-align: center; border:1px solid #d7d7d7; border-radius:50%;
	position:relative; background: #fcfcfc; 
}

.depth {
	overflow: hidden; margin: 2px;  border-radius: 50%; background-color: #7FC3DD;
	box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.3);

	-webkit-transition: all 0.1s ease-in-out; 
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.depth:active {
	background: #cf6a59;
	box-shadow: 0 0 4px rgba(0,0,0,0.2) inset;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2) inset;
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.2) inset;
}
.depth > a { 
	display: block;
	position: relative; text-align: center; border-radius: 50%; cursor: pointer; margin: 2px;
	background: #f7f7f7; 
	float: left;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);
	text-decoration:none;
}

.depth > a:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: #fafafa; }

.depth > a > i { 
	font-size: 14px; width: 40px; float: none; color: #676767; text-shadow: 0 1px 0 #ffffff; height: 40px;
	line-height:40px;
	-webkit-transition: all 0.1s ease-in-out; 
     -moz-transition: all 0.1s ease-in-out;
       -o-transition: all 0.1s ease-in-out;
          transition: all 0.1s ease-in-out;
}
.depth > a:hover { background: #fcfcfc; }
.depth > a:hover > i { color: #d9534f; }
.depth > a:active > i { color: #cf6a59; }
@media (max-width: 959px){
	.entry-editor{width: 50%;float: left;height:auto}
	.entry-list{width: 50%;float:left;}
	.entrys{width: 200%;margin-left:-100%}
	.content.in .entrys{margin-left:-0%}
	.content.in .entry-editor{ }
	.content.in .entry-list{}
}
@media (min-width: 960px){
	/*
	.entry-editor{width: 720px;float: left;overflow: hidden;height:auto}
	.entry-editor{margin-left: -720px;}
	.content.in .entry-editor{max-width:720px;float:left;display:block;margin-left: 0px;overflow: visible; }
	.content.in .entry-list{margin-right: -720px;padding-left: 720px;}
	*/
	.entry-editor{width: 720px;float: left;height:auto}
	.entry-list{float:none;padding-left: 720px;width: 100%;}
	.entrys{margin-left:-720px}
	.content.in .entrys{margin-left:0;margin-right:-720px}
	.content.in .entry-editor{ box-shadow: 2px 2px 0px rgba(0,0,0,.1);-moz-box-shadow: 2px 2px 0px rgba(0,0,0,.1);-webkit-box-shadow: 2px 2px 0px rgba(0,0,0,.1);}
	.content.in .entry-list{}
	.content.in .entry-list .mark{display:block}
}

@media (min-width: 768px){
	.full-content #container{margin-left:-240px}
	.full-content #container .sidebar{/*display:none*/}
}
@media (max-width: 767px){
	.nav.navbar-nav.pull-right{position:absolute;top:0;right:0px;margin:0;height:40px;margin-right:10px;}
	.nav.navbar-nav.pull-right>li{float:left}
	.navbar-nav .open .dropdown-menu{
		position:absolute;background:#fff;margin: 1px -1px 0 -1px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		box-shadow: 0 6px 12px rgba(0, 0, 0, .175);border:1px solid #ddd
	}
	.navbar-nav .open .dropdown-menu>li>a{padding: 4px 12px;}
	.sidebar{-display:none}
	#container{margin-left:-240px}
	.full-content #container{margin-right:-240px;margin-left:0}
	.full-content #container .sidebar{display:table-cell}
	.full-content #container .wrapper{margin-right:0px}
	.navbar-nav .open .dropdown-menu.message-dropdown{right:-94px;}
}
@media (max-width: 479px){
	.navbar-nav .open .dropdown-menu.message-dropdown{width:280px;}
}
[class^="fa-"], [class*=" fa-"] {
	font-family: FontAwesome;font-weight: normal;font-style: normal;text-decoration: inherit;
	-webkit-font-smoothing: antialiased;display: block;float: left;width: auto;height: auto;
	line-height: normal;vertical-align: baseline;background-image: none;background-position: 0% 0%;background-repeat: repeat;margin-top: 0;font-size: 14px;
}